import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

Item {
    id: menu
    anchors.fill: parent

    ColumnLayout {
        anchors.centerIn: parent
        spacing: 10
        // BUTTON EASY
        Rectangle {
            width: 200
            height: 65
            color: '#a0a0a0'
            Label {
                anchors.centerIn: parent
                color: '#ffffff'
                font.pixelSize: 36
                text: 'EASY'
            }
            MouseArea {
                anchors.fill:parent
                onClicked: {
                    console.log('easy')
                    app_window.create_game(0)
                    menu.destroy()
                }
            }
        }
        // BUTTON NORMAL
        Rectangle {
            width: 200
            height: 70
            color: '#a0a0a0'
            Label {
                anchors.centerIn: parent
                color: '#ffffff'
                font.pixelSize: 36
                text: 'NORMAL'
            }
            MouseArea {
                anchors.fill:parent
                onClicked: {
                    console.log('normal')
                    app_window.create_game(1)
                    menu.destroy()
                }
            }
        }
        // BUTTON HARD
        Rectangle {
            width: 200
            height: 70
            color: '#a0a0a0'
            Label {
                anchors.centerIn: parent
                color: '#ffffff'
                font.pixelSize: 36
                text: 'HARD'
            }
            MouseArea {
                anchors.fill:parent
                onClicked: {
                    console.log('hard')
                    app_window.create_game(2)
                    menu.destroy()
                }
            }
        }
    }
}
